<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>数据表格1</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/zui/1.9.2/css/zui.min.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/zui/1.9.2/lib/tabs/zui.tabs.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/zui/1.9.2/lib/datatable/zui.datatable.min.css">
</head>

<body style="padding: 10px">
  <div class="example">
    <table class="table datatable">
      <thead>
        <tr>
          <th>#</th>
          <th>时间</th>
          <th>用户</th>
          <th>事件</th>
          <th>事件类型</th>
          <th>描述</th>
          <th>操作</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>101006</td>
          <td>2020-01-01 12:17:06</td>
          <td>管理员</td>
          <td>登录系统</td>
          <td>登录</td>
          <td>管理员登录系统</td>
          <td>
            <a href="###"><i class="icon-ok-sign"></i></a>
            <a href="###" class="text-danger"><i class="icon-trash"></i></a>
          </td>
        </tr>
        <tr>
          <td>101007</td>
          <td>2020-01-02 11:17:06</td>
          <td>管理员</td>
          <td>登录系统</td>
          <td>登录</td>
          <td>管理员登录系统</td>
          <td>
            <a href="###"><i class="icon-ok-sign"></i></a>
            <a href="###" class="text-danger"><i class="icon-trash"></i></a>
          </td>
        </tr>
        <tr>
          <td>101008</td>
          <td>2020-01-03 08:37:08</td>
          <td>管理员</td>
          <td>登录系统</td>
          <td>登录</td>
          <td>管理员登录系统</td>
          <td>
            <a href="###"><i class="icon-ok-sign"></i></a>
            <a href="###" class="text-danger"><i class="icon-trash"></i></a>
          </td>
        </tr>
        <tr>
          <td>101009</td>
          <td>2020-01-05 05:23:12</td>
          <td>管理员</td>
          <td>登录系统</td>
          <td>登录</td>
          <td>管理员登录系统</td>
          <td>
            <a href="###"><i class="icon-ok-sign"></i></a>
            <a href="###" class="text-danger"><i class="icon-trash"></i></a>
          </td>
        </tr>
        <tr>
          <td>101010</td>
          <td>2020-01-06 20:31:24</td>
          <td>管理员</td>
          <td>登录系统</td>
          <td>登录</td>
          <td>管理员登录系统</td>
          <td>
            <a href="###"><i class="icon-ok-sign"></i></a>
            <a href="###" class="text-danger"><i class="icon-trash"></i></a>
          </td>
        </tr>
        <tr>
          <td>101011</td>
          <td>2020-01-07 14:22:32</td>
          <td>管理员</td>
          <td>登录系统</td>
          <td>登录</td>
          <td>管理员登录系统</td>
          <td>
            <a href="###"><i class="icon-ok-sign"></i></a>
            <a href="###" class="text-danger"><i class="icon-trash"></i></a>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/zui/1.9.2/lib/jquery/jquery.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/zui/1.9.2/js/zui.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/zui/1.9.2/lib/tabs/zui.tabs.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/zui/1.9.2/lib/datatable/zui.datatable.min.js"></script>
</body>

</html>
